<!DOCTYPE html>
<html lang="en" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"
      xmlns:th="http://www.thymeleaf.org"
>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/layui/css/layui.css">
    <script src="/layui/layui.all.js"></script>
    <script src="/js/core.util.js"></script>
    <style>
        /*  滚动条样式  */
        .t_scroll::-webkit-scrollbar {width: 10px;  height: 10px;  }
        .t_scroll::-webkit-scrollbar-thumb {  border-radius: 5px; background:#bbb;}
        .t_scroll::-webkit-scrollbar-track {/*滚动条里面轨道*/  border-radius: 0;  background:#f5f6f7;}
        .t_scroll:hover::-webkit-scrollbar-thumb {background-color:#bbb;}
    </style>
</head>
<body style="background-color: #F6F7F9;">
<div class="layui-fluid" style="background-color: white;" >
    <div class="layui-row" style="border-bottom: 1px #ddd solid;padding-bottom: 6px;">
        <div style="width: 210px;float: left;">
            <span style="font-size: 1.275em;color: #2A569B;line-height: 1.9em;">
            新冠疫苗接种情况展现
            </span>
        </div>
        <div class ="" style="float: left;">
            接种日期（截止日期）：
            <div class="layui-input-inline">
                <input type="text" class="layui-input"  id = "enddate" readonly placeholder="结束时间">
            </div>
            <button class="layui-btn layui-btn-sm" lay-event="search"   id="searchbydate" >辖区搜索</button>
        </div>
        <div class ="layui-col-md7"></div>
    </div>

    <div class="layui-row" style="background-color: white;">
        <div class ="layui-col-md7" style="border-right: #ddd solid 1px;" >
            <div id="map" style=" height: 615px;"></div>
        </div>
        <div class ="layui-col-md5 t_scroll" style="overflow-y: auto;height: 650px;padding-top: 15px;">
            <div  style="background-color: #2A569B;width: 30.5rem;height: 3.125rem;text-align:center;line-height: 50px;border-radius: 50px;color: white;font-size: 20px; margin-left: 5rem;">
                <img src="/images/zhenguan.png"  style="width:40px;height: 40px; " >
                当日接种量：<span id="todayAmount"></span>人次
            </div>
            <br>
            <div style="background-color: #2A569B;width: 30.5rem;height: 3.125rem;text-align:center;line-height: 50px;border-radius: 50px;color: white;font-size: 20px; margin-left: 5rem;">
                <img src="/images/zhenguan.png" style="width:40px;height: 40px; ">
                累计接种量：<span id="totalAmount"></span>人次
            </div>
            <div id="tableview" style="height: 500px;">
            </div>
            <div id="tableviewforc" style=" height:500px;"hidden>
            </div>
        </div>
    </div>
</div>


<script  src="/js/echarts.all.min.js"></script>
<script src="/js/statislist.js"></script>
<script  src="/js/commonUtil.js"></script>
</body>
</html>